<template>
    <div>
        <ul>
            <router-link to="/recmusic" tag="li">推荐音乐</router-link>
            <router-link to="/hot" tag="li">热歌榜</router-link>
            <router-link to="/search" tag="li">搜索</router-link>
        </ul>
    </div>
</template>

<script>
export default {
    data () {
      return {}
    },

    methods: {},

    components: {},
}
</script>

<style scoped>
    ul{
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #efefef;
        display: flex;
    }
    ul>li{
        width:33.33%;
        height: 100%;
        line-height:40px;
        text-align: center;
        font-size: 14px;
    }
    .active{
        color: #D43C33;
        font-weight: bold;
    }
</style>